<div>
   <el-form    label-width="100%">
      <el-form-item label="">
      </el-form-item>
   </el-form>
   <kf-sliding-window :visible.sync="slidingWindowVisible1" title="选择房间" close-icon="" close-on-click-outside>
      <template slot="append" >
         <el-button type="button"  @click="slidingWindowVisible1 = false">返回</el-button>
      </template>
      <rooms :parentData="roomCon"></rooms>
   </kf-sliding-window>
   <el-form :inline="true" :model="formInline" ref="formInline" class="demo-form-inline" label-position="right" label-width="80px">
      <el-row>
         <el-form-item label="航班" prop="flightPlane.planeId":rules
                 ="[ {required: true, message: '航班不能为空'}]" v-if="!parentData">
            <el-select  v-model="formInline.flightPlane.planeId" placeholder="请选择" @change="handleSelect">
               <el-option
                       v-for="item in flightPlanes"
                       :key="item.value.planeId"
                       :label="item.label"
                       :value="item.value.planeId">
               </el-option>
            </el-select>
         </el-form-item>
         <el-form-item label="航班" prop="flightPlane.planeId":rules
                 ="[ {required: true, message: '航班不能为空'}]" v-if="parentData">
                  <el-input v-model="formInline.flightLabel"></el-input>
         </el-form-item>
         <span v-if="currentFlightPlane.flightInfo">{{"航班号："+currentFlightPlane.flightInfo.flightNum+"&nbsp;&nbsp;&nbsp;&nbsp;航程"+":"+currentFlightPlane.originating+"-"+currentFlightPlane.destination+"&nbsp;&nbsp;&nbsp;&nbsp;"+currentFlightPlane.importOrExport +" &nbsp;&nbsp;&nbsp;&nbsp;"+currentFlightPlane.takeOffTime+"-"+currentFlightPlane.arriveTime }}</span>
      </el-row>
      <el-row>
         <el-col :span="7">
            <el-form-item label="贵宾姓名" prop="vipName":rules
                    ="[ {required: true, message: '贵宾姓名不能为空'},{max:20, message: '长度不能超过20'}]">
               <el-input v-model="formInline.vipName" placeholder="贵宾姓名"></el-input>
            </el-form-item>
         </el-col>
         <el-col :span="7">
            <el-form-item label="证件类型"  prop="certificateType":rules
                    ="[ {required: true, message: '证件类型不能为空'}]">
               <el-select v-model="formInline.certificateType" placeholder="证件类型" >
                  <el-option label="身份证" value="身份证"></el-option>
                  <el-option label="军官证" value="军官证"></el-option>
                  <el-option label="护照" value="护照"></el-option>
               </el-select>
            </el-form-item>
         </el-col>
         <el-col :span="7">
            <el-form-item label="证件号码"  prop="certificateNum":rules
                    ="[ {required: true, message: '证件号码不能为空'},{max:20, message: '长度不能超过30'}]">
               <el-input v-model="formInline.certificateNum" placeholder="证件号码"></el-input>
            </el-form-item>
         </el-col>
      </el-row>
       <el-row>
          <el-col :span="7">
            <el-form-item label="联系电话" prop="phoneNum":rules
                    ="[ {required: false, message: '联系电话不能为空'},{max:20, message: '长度不能超过30'}]">
               <el-input v-model="formInline.phoneNum" placeholder="联系电话"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="性别" >
               <el-select v-model="formInline.sex" placeholder="证件类型" >
                  <el-option label="男" value="男"></el-option>
                  <el-option label="女" value="女"></el-option>
               </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="7">
             <el-form-item label="职务"  prop="duties":rules
                     ="[ {required: false, message: '联系电话不能为空'},{max:20, message: '长度不能超过20'}]">
                <el-input v-model="formInline.duties" placeholder="职务"></el-input>
             </el-form-item>
          </el-col>
       </el-row>
        <el-row>
           <el-col :span="7">
               <el-form-item label="送行人数" prop="numberOfDelivery":rules
                       ="[ {required: true, message: '送行人数不能为空'},{type: 'number', message: '乘机人数必须为数字值'}]">
                  <el-input v-model.number="formInline.numberOfDelivery" placeholder="送行人数"></el-input>
               </el-form-item>
           </el-col>
           <el-col :span="7">
               <el-form-item label="乘机人数"prop="numberOfPassengers":rules
                       ="[ {required: true, message: '乘机人数不能为空'},{type: 'number', message: '乘机人数必须为数字值'}]">
                  <el-input v-model.number="formInline.numberOfPassengers" placeholder="乘机人数"></el-input>
               </el-form-item>
           </el-col>
           <el-col :span="7">
           <!--v-model="formInline.waiter"-->
              <el-form-item label="服务员">
                 <el-input placeholder="服务员"></el-input>
              </el-form-item>
           </el-col>
        </el-row>
      <el-row>
         <el-col :span="7">
            <el-form-item label="随行车辆" prop="accompanyingVehicle">
               <el-input v-model="formInline.accompanyingVehicle" placeholder="随行车辆"></el-input>
            </el-form-item>
         </el-col>
         <el-form-item label="个性需求" prop="specialDemand">
            <el-input type="textarea"  :autosize="{ minRows: 2, maxRows: 4}"
                      :rows="2" v-model="formInline.specialDemand" placeholder="个性需求"></el-input>
         </el-form-item>
      </el-row>
      <el-row>
         <el-form-item label=" ">
            <el-button @click="slidingWindowVisible1 = true" @click="selectRoom">房间安排</el-button>
            <span v-if="formInline.room">{{formInline.room.roomName+"&nbsp;&nbsp;&nbsp;&nbsp;"+":"+formInline.room.roomNum+"&nbsp;&nbsp;&nbsp;&nbsp;"+":"+formInline.room.roomPosition }}</span>
         </el-form-item>
      </el-row>

      <!---->
       <el-row v-if="appointments.length!=0">
         <el-form-item   label="预约确认"   prop="appointment" :rules="[ {required: true, message: '请确定预约'}]" >
            <el-radio-group v-model="formInline.appointment" >
               <el-radio v-for="item,index in  appointments" class="radio" :label="item" style="margin-left:15px">
                  {{"预约单位："+item.appoUnit+"&nbsp;&nbsp;&nbsp;联络人："+item.appoName+"&nbsp;&nbsp;&nbsp;联络人："+item.appoPhoneNum}}
               </el-radio>
            </el-radio-group>
         </el-form-item>
       </el-row>
      <el-row>
         <el-col :span="6">
            <el-form-item label=""></el-form-item>
         </el-col>
         <el-col :span="12">
            <el-form-item>
               <el-button @click="saveSignIn" v-if="!parentData">提交</el-button>
            </el-form-item>
            <el-form-item>
               <el-button @click="updateSigIn" v-if="parentData">更新</el-button>
            </el-form-item>

         </el-col>
      </el-row>
   </el-form>

</div>